<style>
    .active{color: #fff;background:grey!important;}
</style>
<div class="left_list" style="    float: left;height: 642px;top:44px;position: fixed;background: #f2f2f2!important; z-index: 99;">
    <ul style="list-style: none;text-align: center;margin: 0;padding: 0;     position: relative; ">
        {volist name=":goods_cat_list(0,'top')" id="vo"}
        <a href="{$vo.url}">
            {if condition="($currentCat['cid'] == $vo['cid']) OR ($topCat['cid']== $vo['cid']) "}
            <li class="active" style=" width:81px;height:42px;line-height:42px;overflow: hidden;white-space: nowrap;background: #ffffff; ">{$vo.cat_name}</li>
            {else /}
            <li style=" width: 81px;
                        height:42px;
                        line-height: 42px;
                        overflow: hidden;
                        white-space: nowrap;color: #000000;">{$vo.cat_name}</li>
            {/if}
        </a>
        {/volist}
    </ul>
</div>
